<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../dist/style/css/pc_base.css">
    <link rel="stylesheet" href="../dist/style/less/lib/swiper.min.css">
</head>

<body>
    <header class="hd">
        <div class="warp">
            <ul class="btn-list">
                <li class="item">
                    <a href="#" class="shop-car bg">
                        <div class="num">1</div>
                        <i class="icon iconfont icon-icon"></i>
                    </a>
                </li>
                <li  class="item">
                    <span href="#" class="bg">
                        <i class="icon iconfont icon-wode"></i>18200398881
                    </span>
                    <ul class="child-item">
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">收货地址</a></li>
                            <li><a href="#">绑定银行卡</a></li>
                            <li><a href="#">退出商场</a></li>
                        </ul>
                </li>
            </ul>
            <a href="./">
            <img src="../dist/images/logo.png" alt="" class="logo-img">
             <span class="span_txt">商城首页</span>
            </a>

        </div>
    </header>
    <div class="banner-box">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#" style="background-image:url('../dist/images/banner1.jpg')">
                    </a>
                </div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>

    </div>

    <div class="zero-tit-bar">
        <img class="zero-icon" src="../dist/images/zero-icon.png" alt="">
        <div class="line"></div>
    </div>

    <div class="prod-list">
        <div class="warp">
            <ul>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#123" class="prod-itm">
                        <div class="img">
                            <img src="../dist/images/tmp1.jpg" alt="">
                        </div>
                        <div class="msg">
                            <p class="name">血糖仪</p>
                            <p class="sm-msg">每分钟脉搏/智能语音播报</p>
                            <p class="price"> <span>¥</span>399</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="clear"></div>

    </div>


    <div class="rights-bar">
        <div class="warp">
            <ul>
                <li class="rights-item">
                    <i>
                        <img src="../dist/images/icon1.png" alt="">
                    </i> 正品保障
                </li>
                <li class="rights-item">
                    <i>
                        <img src="../dist/images/icon2.png" alt="">
                    </i>全场包邮
                </li>
                <li class="rights-item">
                    <i>
                        <img src="../dist/images/icon3.png" alt="">
                    </i>总部发货
                </li>
            </ul>
        </div>
    </div>

    <footer class="ft">
        <div class="warp">
            <!--<div class="logo-img">
                <img src="../dist/images/logo.png" alt="">
                <p>深圳市养悦源有限公司</p>
                <p>Copyright ©2015 fitcome.com</p>
            </div>-->
            <div class="gs-box">
                <script id="ebsgovicon" src="http://szcert.ebs.org.cn/govicon.js?id=8cd96afc-0ec2-4098-b28f-9ad7aeb714cc&width=42&height=58&type=1"
                    type="text/javascript" charset="utf-8"></script>
            </div>
            <div class="list">
                <ul>
                    <li><a href="#"><span>■</span>在线支付</a></li>
                    <li><a href="#"><span>■</span>售后服务</a></li>
                    <li><a href="#"><span>■</span>第三方配送</a></li>
                    <li><a href="#"><span>■</span>联系我们</a></li>
                </ul>
            </div>
            <div class="qr-box">
                <div class="itme-qr">
                    <div class="line"></div>
                    <div class="qr-warp">
                        <div class="qr">
                            <div>
                                <img src="../dist/images/qr1.jpg" alt="">
                                <div class="topbg"></div>
                            </div>
                            <p>下载健康云APP</p>
                        </div>
                    </div>
                </div>
                <div class="itme-qr">
                    <div class="line"></div>
                    <div class="qr-warp">
                        <div class="qr">
                            <div>
                                <img src="../dist/images/qr1.jpg" alt="">
                                <div class="topbg"></div>
                            </div>
                            <p>关注微信公众号</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="../dist/js/lib/jquery.min.js"></script>
    <script src="../dist/js/lib/swiper.jquery.min.js"></script>
     <script>
        $(function () {
            var swiperSlide = $('.swiper-container').find('.swiper-slide');
            if (swiperSlide.length > 2) {
                var swiper = new Swiper('.swiper-container', {
                    pagination: '.swiper-pagination',
                    paginationClickable: true
                });
            }
        })
    </script>

</body>

</html>
